Jeste li ikada preuzeli WordPress temu s neuredan kod?

Tu je vjerojatno dobra prilika imate. Ili je više od 90% tema ima neuredan kod ili neki astronomski nevjerojatnog sreću, samo sam ikada dogoditi preuzeti teme s neuredan kod. Nadam se da ću otvoriti oči barem mali postotak tematski autora i pomoći uvesti u novu eru uredniji koda.

Idem razbiti osnove WordPress Petlja u ovom postu i pomoći vam pisati čistije teme. Objasnit ću svaku liniju koda na putu i ukazati reference na vanjskim podacima.

Znam. Znam. Post o The Loop ne zvuči previše uzbudljiva, ali možda je to upravo ono što nam treba - putovanje natrag na osnove. Bacite pogled na kako bi vidjeli što The Loop treba izgledati. Bitno je da se ovdje ne da se usredotočite na kodu, ali primijetiti kako kod formatiran. Pogledajte bogat razmak? Volio bih vidjeti više da tema.

• (Koriste se pratiti uz post)

Više iskusan tematski autori mogu imati neznatno različite metode za prikazivanje sadržaja nego u ovom vodiču. To bi trebalo poslužiti kao referenca, odnosno polazište, za korištenje ispravne WordPress predloška oznake i pravilno oblikovanje koda.

Što je petlja?

The Loop je ono što čini WordPress ići. To je kako svi WordPress magije događa. To je najvažnija stvar. Sve ostalo je sekundarno.

Da bi se više specifičnih, ona ciklusi kroz postove, dopuštajući nam da ih prikazati na bilo koji način želimo.

Prvi korak: Otvaranje petlje

Prije nego što smo prikazali naše postove, moramo otvoriti petlji. Većina tema autori znati kako da biste dobili to pravo, što barem pokazuje potencijal.

? <php if (have_posts ()): dok je (have_posts ()): the_post (); ?>

Uočite da je prije petlje počinje, mi smo zapravo provjere da li postoje bilo kakve postove. IF (have_posts ()) provjerava da li postoje bilo kakve postove na raspolaganju. Ako postoje postovi, treba petlja kroz njih.

Dok (have_posts ()) započinje petlje. To će se početi kontinuirani ciklus petlje kroz svaki post na raspolaganju za prikaz.

the_post () poziva se informacije o postu da ćemo biti koristeći i postavlja globalnu $ posta varijablu.

To je dosta za jednu liniju koda, zar ne? To je prilično važno.

resursi:

Prikaz post

Ovaj sljedeći korak je sve o jednostavnoj liniji koda koji se obično naziva post div. Želimo završiti sve naše pošte sadržaja u jedan div na neki način sve to držati zajedno.

<Div id = "post - <php the_ID ();?>?" <Php post_class (); ? >>

the_ID () daje nam ID posta. Svaki post ima jedinstveni ID.

post_class () je WordPress 2.7+ funkcija koja osigurava post-specifične klase za uporabu u listu stilova. Ovo je uredan značajka, jer možete prikazati postove s posebnim oznakama, kategorija, i tako dalje drugačije od drugih postova.

resursi:

Post Naslov

Postoji nekoliko različitih načina na koje bi mogao Kodeksa za naslov posta, ali ja ću vam pokazati moj omiljeni način.

<? Php the_title ( '<h2 class = "entry-title"> <a href = "". Get_permalink ().' "Title =" ". The_title_attribute ( 'echo = 0'). '" Rel = "bookmark" > ',' </a> '); ?>

the_title () je WordPress predložak oznaka za prikazivanje naslov posta. Prilično jednostavno, zar ne? To traje do tri izborne parametre: prije (prije naslovu), poslije (nakon naslova), te prikaz (da li treba prikazati ili vratiti ga za upotrebu u funkciji).

Get_permalink () Predložak tag nam daje URL posta. To je stalni link na post.

the_title_attribute () je predložak oznaka ne vidim dovoljno često. Svaki put kada ste stavili naslov posta u naslovu atribut linka, nemojte koristiti the_title (). Koristite the_title_attribute (). To vodi brigu o tim pesky postova sa stvarima kao što su navodnicima, ostavljajući nas s valjanom XHTML.

Alternativno, možete koristiti single_post_title () za prikaz naslov posta u single.php i page.php predložaka.

resursi:

nakon

Nakon je termin koji se često koristi u novinarstvu koja označava pisac priče. Blogovi su u osnovi kao što su novine ili časopise na ovaj način. Također se može ići do dodavanja dateline, ali ja bih dodati mog poštanskog autora, post vremena i link uredi sve u roku nakon stava prije poslije teksta.

<P class = "nakon">